/*#############################################################
Name: Indigo
Description: A lightweight (7kb images), simple and professional design.
Date: 2006-07-27
Author: Viktor Persson
URL: http://arcsin.se

Feel free to use and modify but please provide credits.
#############################################################*/

/* standard elements */
* {
	margin: 0;
	padding: 0;
}
body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, blockquote { margin: 0; padding: 0 }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal }
a {
	text-decoration:none;
	/*color: #F70;*/
	color:#4f9fc6;
}
a:hover {
	color: #a9d1e4;
}

body {
    background: #f4f4f7;
	color: #466;
	font: normal 62.5% "宋体",Arial,sans-serif;
	margin: 0;
}

input {
	color: #555;
	font: normal 1.1em "Lucida Sans Unicode",sans-serif;
}
input.submit {
	display:block;
	float:right;
	height:20px;
}
p,cite,code,ul {
	font-size: 1.2em;
	padding-bottom: 1.2em;
}
h1 {
	word-wrap: break-word; 
	display: block; 
	font-size: 25px; 
	font-weight: bold; 
}
h3 { 
	margin:5px 0 0 4px;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #666666;
	}
h4 {
	height:16px; 
	margin:0 0 10px 4px; 
	overflow: hidden; 
	font: 12px Arial, Helvetica, sans-serif; 
	color: #666; 
	line-height: 1.8em; 
	}
h2 { 
	font: 24px Arial, Helvetica, sans-serif; 
	color: #060; 
	margin:0 0 12px 0; 
	line-height: 150%; 
	}

code {
	background: url(img/bgcode.gif);
	border: 1px solid #F0F0F0;
	border-left: 6px solid #39F;
	color: #555;
	display: block;
	font: normal 1.1em "Lucida Sans Unicode",serif;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}
cite {
	background: url(img/quote.gif) no-repeat;
	color: #666;
	display: block;
	font: normal 1.3em "Lucida Sans Unicode",serif;
	padding-left: 28px;
}
.current{
	background:#fff;
}

/* misc */
.clearer {
	clear: both;
}

/* structure */
.container {
	margin:0 auto;
	/*width:1000px;*/
}

.header {
	border:1px solid;
	margin:-4px 0 0 0;
	height: 83px;
	background:url(images/header.png) no-repeat center #FFF;
    z-index:-10;	
}
#headeryi{
	margin:0 auto;
	clear: both;
	width:1000px;
}
.topDivide{	
	margin-top:-5px;
	height:10px;
	background:url(images/topDivide.png) repeat-x;	
}

/* logo */
.logo {
	float:left;
    width:155px;
    height:40px;
	margin:26px 0 0 0;
	background:url(images/logo.png) no-repeat;
}
/******************************************************************************************************/
/**************************************登录页面***************************************************/
/******************************************************************************************************/
#login_left{
	float:left;
	color:#a2a2a2;
	background:#FFF;
	width:320px;
	height:420px;
	border:1px solid #e1e1e1;
}
#login_left_image{
	float:left;
    width:315px;
    height:186px;
	background:url(images/login_left.png) no-repeat;
}
#login_left_text{
	float:left;
	margin:20px 20px 0 20px;
}
#login_left_text span{
	margin:0 5px 0 5px;
	font-weight:bold;
	font-size:16px;
}

#login_center{
	border:1px solid #e1e1e1;
	margin:0 15px 0 15px;
	float:left;
	background:#FFF;
	width:320px;
	height:420px;
}
#login_sina_icon{
	float:left;
	margin:70px 0 2px 56px;
	width:208px;
	height:36px;
	background:url(images/login_sina.png) no-repeat;
}

#login_chulaiba_icon{
	float:left;
	margin:10px 0 0 58px;
	width:208px;
	height:36px;
	background:url(images/login_chulaiba1.png) no-repeat;
}
#login_chulaiba{
	float:left;
	display:none;
	margin:10px 0 0 69px;
}
#login_chulaiba table td{
	padding:5px 0 5px 0;
}
#login_chulaiba #submit{
	float:left;
	width:63px;
	height:31px;
	border:0;
	margin:10px 0 0 38px;
	background:url(images/login_button.png);
}
#register_chulaiba{
	display:block;
	color:#666666;
	float:left;
	margin:30px 0 0 41px;
	line-height:32px;
}

#register_chulaiba a{
	float:left;
	padding:10px 0 0 10px;
}
#register_submit{
	float:left;
	width:108px;
	height:31px;
	border:0;
	margin:10px 0 0 48px;
	background:url(images/register_button.png);
}


#login_center span{
	float:left;
	margin:22px 0 10px 69px;
}
#login_right{
	border:1px solid #e1e1e1;
	float:left;
	background:#FFF;
	color:#a2a2a2;
	width:320px;
	height:420px;
}
#login_right_image{
	float:left;
    width:315px;
    height:186px;
	background:url(images/login_right.png) no-repeat;
}
#input_email{
	margin:15px 0 -7px 0;
}
#input_email input{
	color:#b4b4b4;
}
#input_activity{
	margin:0 0 -7px 0;
}
#input_activity input{
	color:#b4b4b4;
}
/******************************************************************************************************/
/**************************************导航栏***************************************************/
/******************************************************************************************************/
.navigation {
	display:block;
	float:left;
	margin-left:10%;
	padding:50px 0 10px 0;
}
.navigation a{
	color:#333333;
	float: left;
	font: bold 14px '宋体';
	padding-left:18px;
	text-align: center;
	text-decoration:none;
}
.navigation a:hover {
	color:#4A91C3;	
}
.on{
	height:28px;
	background:url(images/flower.png) no-repeat bottom;
}
/******************************************************************************************************/
/**************************************我的消息***************************************************/
/******************************************************************************************************/
#notice{
	display:block;
	float:left;
}
#notice ul{
	list-style:none;
}
#notice ul li{
	float:left;
	margin:0;
	width:500px;
	line-height:30px;
	border-bottom:1px solid;
}
#accept_ignore{
	float:right;
}







/******************************************************************************************************/
/**************************************我的活动***************************************************/
/******************************************************************************************************/
.myactivity{
	display:block;
	float:left;
	width:560px;
	margin:30px 0 0 40px;
}
.myactivity h3 { 
	display:bolck;
	float:left;
	margin:5px 0 0 4px;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #666666;
	}
#add_friends{
	float:right;
	margin:5px 40px 0 0;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #666666;
	
}
.issued_activity{
	display:block;
	float:left;
}
.issued_activity img{
	float:left;
	margin:0 13px 0 0;
	
}
.issued_activity ul{
	list-style:none;
	float:left;

}
.issued_activity ul li{
	float:left;
	border-bottom: 1px solid #EEE;
	margin-left:0;
	padding: 10px 6px 5px 0;
}
.issuer_info{
	width:445px;
	display:block;
	float:left;
	padding:10px 0 0 0 ;
}
.issuer_info span{
	float:right;
}
/*.issuer_info a{

	background:#e7e7e7;
}*/
#addfriend_box{
	margin:0 auto;
	border:1px; 	
	display:none;
	padding-bottom:20px;
	position:relative;
	text-align:left; 
}
/******************************************************************************************************/
/**************************************帐号信息***************************************************/
/******************************************************************************************************/

.accountinfo {
	display:block;
	float:right;
	color:#4f9fc6;
	padding:55px 10px 10px 0;

}
.accountinfo span{
	color: #4f9fc6;
	font-size:12px;
}
.accountinfo a:link{
	text-decoration: none;
}
.accountinfo a:hover {
	color:#4A91C3;
}

/******************************************************************************************************/
/**************************************main***************************************************/
/******************************************************************************************************/
.main {
	margin:0 auto;
	clear: both;
	padding:20px 0 0 0;
	width:1000px;
}

/******************************************************************************************************/
/**************************************页面右侧***************************************************/
/******************************************************************************************************/
.sidenav {
	float:right;
	background:#FFF;
	width:22%;
	border:1px solid #e1e1e1;
}
#my_acti_title{
	margin:15px 0 0 15px;
	width:89px;
	height:8px;
	background:url(images/right_title1.png) no-repeat;
}
#my_acti span{
	color:#afafaf;
	padding-left:1px;
}

#my_acti ul {
	margin:0 0 0 15px;
}
#my_acti li { 
	border-bottom: 1px solid #E1E1E1;
	margin:0 15px 0 0;
	padding: 0 6px 20px 0;
	list-style: none;
	line-height:1.5;
}

#activity_name{
	display:block;/*定义为块级*/
    width:42px;/*要显示文字的宽度*/
	float:left;/*左对齐*/
	overflow:hidden; /*超出的部分隐藏起来。*/
	white-space:nowrap;/*不显示的地方用省略号...代替*/
    padding-right:0; /*文字距离右侧7像素。*/
    text-overflow:ellipsis;/* 支持 IE */
    -o-text-overflow: ellipsis;    /* 支持 Opera */
}
#issue_acti{
 	float:right;
 	padding:1px 6px 1px 6px;
 	border:1px solid #e7e7e7;
}
/*#my_acti li a {
	float:right;
	margin-right:20px;
	padding:1px 3px 1px 3px;
	border:1px solid #e1e1e1;
	text-align:center;
	color:#6885d9;
	font-size: 0.9em;
	text-decoration: none;
}
#my_acti li a:hover {
	color: #111;
}*/
#sidenav_tags{
	display:block;
	float:left;
}

#sidenav_tags_title{
	margin:10px 0 0 15px;
	width:89px;
	height:8px;
	background:url(images/right_title2.png) no-repeat;
}

#sidenav_tags ul{
	float:left;
	margin:0 15px 0 15px;
	border-bottom:1px solid #E1E1E1;
}
#sidenav_tags ul li{
	float:left;
	padding: 0 8px 4px 0;
	list-style: none;
	line-height:16px;
}
#sidenav_tags ul li a{
	color:#6885d9;
	text-decoration: none;
}
#sidenav_tags li a:hover {
	color: #a9d1e4;
}
/******************************************************************************************************/
/**************************************推荐的活动***************************************************/
/******************************************************************************************************/

#recommened_acti{
	float:left;
	width:190px;
	margin:25px 0 0 15px;
}
#recommened_acti img{
	width:190px;
	border:1px solid #e7e7e7;
}
#recommened_acti ul{

}
#recommened_acti ul li{
	padding-bottom:30px;
	list-style:none;
}
#recommened_acti ul li span{
	float:left;
	margin-left:5px;
	width:70%;
}
#recommened_acti ul li a{
	float:right;
	text-decoration: none;
	margin-right:5px;
	padding:1px 2px 1px 2px;
	border:1px solid #e7e7e7;
	
}
/******************************************************************************************************/
/**************************************热门标签***************************************************/
/******************************************************************************************************/
#tags{
	display:block;

}
#tags h3{
	display:block;
	margin:30px 0 20px 40px;
	font:bold 14px '宋体';
	color:#bbbbbb;
}



#tags ul{
	float:left;
	margin:0 0 0 15px;
}
#tags ul li{
	float:left;
	padding: 0 6px 3px 0;
	list-style: none;
	line-height:2.5;
}
#tags ul li a{
	padding:1px 3px 1px 0;
	color:#6885d9;
	text-decoration: none;
}
#tags li a:hover {
	color:#a9d1e4;
}

/******************************************************************************************************/
/**************************************页面左侧***************************************************/
/******************************************************************************************************/
.sideleft {
	border:1px solid #e1e1e1;
	background:#FFF;
	float: left;
	width: 16%;
}
#date{
	text-align:center;
	font:bold 14px '宋体',Arial;
	color:#FFF;
	padding-top:2px;
	margin:20px 0 0 15px;
	width:80px;
	height:20px;
	background:url(images/leftGuide_titleBottom.png) no-repeat;
}
.sideleft h3{
	height:40px;
	color:#acacac;
    font:bold 12px '宋体',Arial;
	word-wrap: break-word;
	margin:-6px 15px 0 15px;
	padding-bottom:20px;
	border-bottom:1px solid #e1e1e1;
}

.sideleft ul {
	margin:20px 0 60px 0;
	padding: 0;
}
.sideleft li { 
	list-style: none;
	margin: 0;
}
.sideleft li a {
	color: #797979;
	display: block;
	font-size: 0.9em;
	padding: 3px 6px 3px 18px;
	text-decoration: none;
}
.sideleft li a:hover {
	color: #ECE9D8;
}

/**********************************************************************************************************/
/*******************************中间主要页面内容************************************************************/
/**********************************************************************************************************/
.content {
	border:1px solid #e1e1e1;
	float: left;
	margin-left:0.8%;
	width: 60%;
	background-color:#fff;
}
.content .descr {
	color: #C60;
	margin-bottom: 6px;
}
.content li {
	margin-left: 25px;
}

/* search form */
.styled {
	border: 3px double #E5E5E5;
	padding: 2px 3px;
}
/*.button {
	border: 1px solid #AAA;
	margin-left: 5px;
	padding: 2px 3px;
}*/
/******************************************************************************************************/
/**************************************actiivty_info***************************************************/
/******************************************************************************************************/
.activity_detail h1{
	padding:30px 0 0 40px;
}
.friends h3{
	display:block;
	float:left;
	margin:10px 0 20px 40px;
	font:bold 14px '宋体';
	color:#bbbbbb;
}
/*members*/
.members{
	display:block;
	float:left;
	width:350px;
}
.goornot{
	display:block;
	float:left;
	width:100%;
	margin:0 0 10px 40px;
}
#go{
	font:bold 16px Arial, Helvetica, sans-serif;
	border:1px solid;
	padding:3px 5px;
}
	
/*info*/
.acti_info{
	display:inline;
	float:right;
	word-wrap: break-word;
	border-left:1px dashed #dddddd;
    margin-right:30px;
    width:210px;
}
/*friends*/
.friends{
	float:left;
	width:100%;
}

/*suggestion*/
.suggestion{
	display:block;
	float:left;
	margin-left:30px;
}
.suggestion h3{
	display:block;
	float:left;
	margin:30px 0 20px 20px;
	font:bold 14px '宋体';
	color:#bbbbbb;
}
.suggestion label{
	display:none;
}
.suggestion textarea{	
	width:460px;
	height:40px;
	overflow-y:visible;	
}
.suggestion ul{
	float: left; 
}
.suggestion li{
	list-style:none;
	float:left;
}

/*shop*/
.shop{
	display:block;
	float:left;
}
.shop h3{
	display:block;
	float:left;
	margin:30px 0 20px 40px;
	font:bold 14px '宋体';
	color:#bbbbbb;
}
.close{
	position:absolute; 
	right:6px; 
	top:10px; 
	display:block; 
	width:39px; 
	height:18px; 
	background:url(images/close.gif);
}
/*message box*/
#message_box {
	margin:0 auto;
	border:1px; 	
	display:none;
	padding-bottom:20px;
	position:relative;
	text-align:left; 
}
#message_box label {
	padding-left:5px;
}

#message_box p{
	
	background:#f7f7f7;
	padding:5px;
	font-weight:bold;
}

.message_button{
	display:block;
	float:left;
	width:50px;
	height:30px;
	border: 1px solid #AAA;
	margin:5px 0 5px 70px;
	
}


.label p { 
	font-size:13px; 
	margin-bottom:10px; 
}
.label input {
	background:#f7f7f7; 
	width:227px; 
	height:20px; 
	padding-top:2px; 
	padding-left:3px; 
	border:1px solid #caedbe; 
	margin-bottom:20px; 
	font:12px "Bitstream Vera Sans", "Trebuchet MS", Geneva, Verdana, Arial, Helvetica, sans-serif; 
	}
.label input:hover, .label input:focus { 
	border:1px solid #b2e06e; 
	}
#message_box fieldset span a { 
	text-align:center; 
	margin-right:15px; 
	font-size:12px; 
	width:auto; 
	line-height:24px; 
	display:block; 
	float:left; 
	text-decoration:none; 
	color:#63aa49; 
	}
#message_box span a:hover { color:#000; }

/*suggestion box*/
#suggestion_box {
	margin:0 auto;
	border:1px; 	
	display:none;
	padding-bottom:20px;
	position:relative;
	text-align:left; 
}
#suggestion_box p{
	background:#f7f7f7;
	padding:10px;
	font-weight:bold;
}
#suggestion_box form{
	margin:0 0 0 10px;
}
#suggestion_box input#id_activityId{
	display:none;
}
.suggestion_button{
	display:block;
	float:left;
	width:50px;
	height:30px;
	border: 1px solid #AAA;
	margin:5px 0 5px 70px;	
}
/***************************************************************************************************/
/***************************************activity box************************************************/
/***************************************************************************************************/
#activity_box{
	margin:0 auto;	
	display:none;
}
/*#acti_left{
	display:block;
	float:left;
	width:30%;
	padding:5% 10px 5% 0;
}
#acti_left span{
	display:block;
	float:right;
	font:italic bold 20px arial,sans-serif;
	padding:10px 0 10px 0;
}
#acti_date{
	display:block;
	float:right;
	margin:10px 0 10px 0;	
}
#acti_date ul{ 
	list-style: none; 
}
#acti_date ul li{
	text-align:right;
	padding-top:5px;
}

#acti_date ul li input{
	text-align:right;
	color: #F70;
}*/

#acti_right{
	display:block;
	float:left;
	width:100%;
	padding:0 0 0 25px;
}
#acti_right span{
	display:block;
	float:left;
	padding:25px 0 20px 0;
	clear:both;
}
#acti_name{
	display:block;
	float:left;
	width:560px;
}
#acti_name ul{
	float: left; 
	list-style: none; 
	margin-left: 0; 
	padding:0 0 0 40px;
}
#acti_name ul li{
	display:inline;
	float: left; 
	padding:5px 10px 5px 10px;
	margin:0 1px 2px 0;
}
#yi{
	background:#ff88a9;
}
#er{
	background:#8dd517;
}
#san{
	background:#00cbe1;
}
#acti_name ul li a{
	color:#f6f6f6;
	font-size:12px;
	text-decoration:none;	
	text-aligh:center;
}
#acti_name ul li a:hover{
	color:#f6f6f6;
}

#acti_input{
	display:block;
	float:left;
	width:600px;
}
#id_activity{
	display:block;
	float:left;
	margin:5px 0 5px 40px;
}
#acti_date_city{
	float:left;
	margin:50px 0 0 0;
}

#activitybox_button{
	float:right;
	width:109px;
	height:37px;
	margin:40px 25px 0 0;
	background:url(images/activitybox_button.png);
}

/************************************************************************************************/
/************************个人帐号页面*************************************************************/
/***********************************************************************************************/
.accounts{
	margin:30px 0 0 40px;
	float:left;
	width:555px;
}
#self_nav{
	display:block;
	float:left;
	margin:10px 0 20px 0;
	width:515px;
	height:30px;
	background:#e7e7e7;
}
#self_nav ul{
	list-style:none;
	float:left;
}
#self_nav ul li{
	float:left;
	margin-top:6px;
}

#self_nav a{
	float:left;
	padding:10px 5px 0 5px;

}
#self_info{
	display:block;
	float:left;
	margin-top:20px;
}
#self_info ul{
	list-style:none;
	float:left;
}
#self_info ul li{
	margin:0;
	line-height:40px;
}

#self_friends{
	display:block;
	float:left;
	margin-top:20px;
}
#self_friends ul{
	list-style:none;
	float:left;
	
}
#self_friends ul li{
	margin:0;
	width:515px;
	float:left;
	line-height:40px;
	padding:10px 0 10px 0;
	border-bottom:1px solid #eeeeee;
	
}
#self_friends img{
	float:left;
	margin:0 13px 0 0;
	
}
.self_friend_info{
	width:445px;
	display:block;
	float:left;
}
.self_friend_info span{
	float:right;
}
/************************************************************************************************/
/************************更改头像*************************************************************/
/***********************************************************************************************/
.usericon{
	margin:30px 0 0 40px;
	float:left;
	width:100%;
}
.usericon tr td{
	padding:20px 20px 0 0;
}

/************************************************************************************************/
/************************随遇********************************************************************/
/***********************************************************************************************/
.suiyu{
	display:block;
	float:left;
    height:500px;
	width:100%;
	background:url(images/suiyu_back.png);
}
.suiyu h3{
	margin:10%;
}

#pre_suiyu{
	width:50%;
	height:300px;
	background-color:#f4f4f7;
    margin:0 auto;
    padding:10px;
	border:5px solid #e7e7e7;
}
#pre_suiyu img{
	margin:65px 65px 0 65px;
}
#suiyu_button{
	background:url('images/suiyu.png') no-repeat;
	width:162px;
	height:45px;
	border:0px;
	margin:65px 65px 0 65px;
}
#id_openacti{
	margin:0 0 0 75px;
}
#suiyuer{
	width:50%;
	height:200px;
    margin:0 auto;
    padding:10px;
	border:5px solid #e7e7e7;
}
.suiyu_image{
	float:left;
	border:1px solid #e7e7e7;	
}
.suiyu_info{
	display:block;
	margin-left:65px;	
	color:#cc5200;
}
#suiyu_activity{
	font:bold 26px '黑体';
}
#suiyu_author{
	display:block;
	float:left;
	width:175px;
	font:bold 12px '宋体';
	padding:5px;
}
#suiyu_date{
	display:block;
	float:left;
	margin:10px 0 0 5px;
	width:175px;
}
#suiyu_next{
	display:block;
	float:left;
	margin-top:20px;
}
/************************************************************************************************/
/************************分页********************************************************************/
/***********************************************************************************************/

.fenye{
	display:block;
	float:right;
	margin:0 40px 0 0;
}
/************************************************************************************************/
/************************footer********************************************************************/
/***********************************************************************************************/
.footer {
	background: #f4f4f7;
	color: #C1DEF0;
	font-size: 1.1em;
	line-height: 40px;
	text-align: center;
}
.footer a {
	color: #FFF;
	text-decoration: none;
}
.footer a:hover {
	color: #FFF;
	text-decoration: underline;
}